<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <title>BingoTool</title>
    <link rel="shortcut icon" th:href="@{/img/favicon.ico}"/>
    <link rel="bookmark" th:href="@{/img/favicon.ico}"/>
    <link th:href="@{/webjars/bootstrap/4.5.3/css/bootstrap.min.css}" href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">
    <link th:href="@{/css/signin.css}" href="signin.css" rel="stylesheet">
    <style>
      body{ background-color: #868686; }
      .form-control { background-color: #e3e3e3; }
    </style>
  </head>
  <body class="text-center">
    
      <form class="form-signin" th:action="@{/login}">
        <img class="mb-4" th:src="@{/img/broadcast.svg}" src="../assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
        <h1 class="h3 mb-3 font-weight-normal">UTOOL</h1>
        <p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
        <label for="username" class="sr-only">username</label>
        <input type="text" id="username" name="username" class="form-control mb-1" placeholder="username" required autofocus>
        <label for="password" class="sr-only">password</label>
        <input type="password" id="password" name="password" class="form-control" placeholder="password" required>
        <button class="btn btn-lg btn-primary btn-block" type="submit">LOGIN</button>

        <p class="mt-5 mb-3 text-muted">&copy; BINGO 2024</p>
      </form>
  </body>
</html>
